gfimage.js ➔ GFImage - Code Metrics - buiquangduc/WP_Default_Feature_Image - Measure and Improve Code Quality continuously with Scrutinizer

gfimage.js ➔ GFImage B
last analyzed 2018-01-20 06:09 UTC

↳ Parent: assets/scripts/gfimage.js

Complexity

Conditions	1
Paths	1

Size

Total Lines

158

Duplication

Lines	0
Ratio	0 %

Importance

Changes	3
Bugs	0	Features	0

Metric	Value
cc	1
c	3
b	0
f	0
nc	1
nop	0
dl	0
loc	158
rs	8.2857

9 Functions

Rating	Name	Size	Complexity
A	gfimage.js ➔ ... ➔ this._onClickGButton	10	1
A	gfimage.js ➔ ... ➔ this._progressBarInit	6	1
A	gfimage.js ➔ ... ➔ this._toggleButton	14	1
A	gfimage.js ➔ ... ➔ this._ajaxUpdateFImage	19	1
B	gfimage.js ➔ ... ➔ this._updateLogAfterAjax	15	5
A	gfimage.js ➔ ... ➔ this._warning	4	1
A	gfimage.js ➔ ... ➔ this._updateProgressBar	8	1
A	gfimage.js ➔ ... ➔ this._continueAjax	18	2
A	gfimage.js ➔ ... ➔ this.init	4	1

How to fix Long Method

import progressbar from 'progressbar.js';

var GFImage = function() {

	var $ = jQuery;

	var gFImage = this;

	var element = $('#generate_fimage_wrapper');

	var postNoFImageIds = element.data('post_no_fimage_ids');

	var totalPostNoFImage = postNoFImageIds.length;

	var securityToken = element.data('nonce');

	var informationWrapper = $('.generate-fimage-information');


	var resultWrapper = $('.generate-fimage-result');

	var progressBarID = '#generate_fimage_progressbar';

	var progressBar;

	var generateButton = $('#generate_fimage_button');

	var saveButton = $('#save_form_button');

	this.init = function() {
		gFImage._progressBarInit();
		gFImage._onClickGButton();
	}	

	/**
	 * Initialize progress bar.
	 */
	this._progressBarInit = function() {
		var ProgressBar = require('progressbar.js');
		progressBar = new ProgressBar.Line(progressBarID, {
	        easing: 'easeInOut'
	    });
	}

	/** 
	 * Actions after generate button is clicked.
	 */
	this._onClickGButton = function() {
		generateButton.click(function(event){
			event.preventDefault();
			var warningResult = gFImage._warning();
			if(warningResult) {
				gFImage._toggleButton([generateButton, saveButton], 'disable');
				gFImage._ajaxUpdateFImage(postNoFImageIds[0]);
			}
		});
	}

	/**
	 * Enable, disable a list of buttons.
	 */
	this._toggleButton = function(arrayElement, status) {
		arrayElement.forEach(function(el){
			switch(status) {
				case 'disable':
					el.prop('disabled', true);
					break;
				case 'enable':
					el.prop('disabled', false);
					break;
				default:
					el.prop('disabled', false);
			}
		});
	}

	/**
	 * Regenerate feature image for a post.
	 */
	this._ajaxUpdateFImage = function(postId) {
		$.ajax({
            url: '/wp-admin/admin-ajax.php?action=wpdfi_generate_feature_image',
            method: 'POST',
            data: {
                post_id: postId,
                security: securityToken
            },
            success: function(res) {

            	var response = JSON.parse(res);
            	gFImage._updateLogAfterAjax(response);
            	var arrayIndex = postNoFImageIds.indexOf(postId);
            	gFImage._updateProgressBar(arrayIndex);
            	gFImage._continueAjax(arrayIndex);

            }
        })
	}

	/**
	 * Update the progress bar. Progress bar will be 100% if all the posts are regenerated feature image.
	 */
	this._updateProgressBar = function(arrayIndex) {
		/* Javascript array index start at 0, so we need to plus 1 to get the correct value for divide purpose. */
		var realIndex = arrayIndex + 1;
		var currentPercent = realIndex/totalPostNoFImage;
		var currentPercentText = (currentPercent*100).toFixed(2) + '%';
		progressBar.set(currentPercent);
		progressBar.setText(currentPercentText);
	}

	/**
	 * Check if there is a post which is not regenerated feature image yet.
	 */
	this._continueAjax = function(arrayIndex) {
		/* Javascript array index start at 0, so we need to minus 1 from total posts to get the last index. */
		var lastIndex = totalPostNoFImage - 1;
		var isLastIndex = (arrayIndex == lastIndex);
		/* If the current index is not the last index, continue run Ajax request on the next index. */
		if(!isLastIndex) {
			gFImage._ajaxUpdateFImage(postNoFImageIds[arrayIndex + 1]);
		/* If the current index is the last index, enable save button. */
		} else {

			gFImage._updateLogAfterAjax({
				status: 'complete',
				text: 'Complete!'
			});
			gFImage._toggleButton([saveButton], 'enable');

		}
	}

	/**
	 * Update log message after the generate button is clicked.
	 */
	this._updateLogAfterAjax = function(response) {
		switch(response.status) {
    		case true:
    			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' is updated feature image successfully</p>');
    			break;
    		case false:
    			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' because conditions are not match.</p>');
    			break;
    		case 'complete':
    			resultWrapper.append('<p>' + response.text + '</p>');
    			break;
    		default:
    			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' has something wrong!</p>');
    	}
	}

	/**
	 * Display alert box whenever the generate button is clicked.
	 */
	this._warning = function() {
		var warningText = 'Are you sure you want to generate all feature image with the values in the "DFIs" tab? Make sure to backup your database before click "OK".';
		return confirm(warningText);
	}

}

export default GFImage;

1			import progressbar from 'progressbar.js';
2
3			var GFImage = function() {
4
5			var $ = jQuery;
6
7			var gFImage = this;
8
9			var element = $('#generate_fimage_wrapper');
10
11			var postNoFImageIds = element.data('post_no_fimage_ids');
12
13			var totalPostNoFImage = postNoFImageIds.length;
14
15			var securityToken = element.data('nonce');
16
17			var informationWrapper = $('.generate-fimage-information');
			0 ignored issues – show Unused Code introduced 2018-01-20 03:38 UTC by Report Bug Copy Issue Report The variable `informationWrapper` seems to be never used. Consider removing it. Loading history...
18
19			var resultWrapper = $('.generate-fimage-result');
20
21			var progressBarID = '#generate_fimage_progressbar';
22
23			var progressBar;
24
25			var generateButton = $('#generate_fimage_button');
26
27			var saveButton = $('#save_form_button');
28
29			this.init = function() {
30			gFImage._progressBarInit();
31			gFImage._onClickGButton();
32			}
33
34			/**
35			* Initialize progress bar.
36			*/
37			this._progressBarInit = function() {
38			var ProgressBar = require('progressbar.js');
39			progressBar = new ProgressBar.Line(progressBarID, {
40			easing: 'easeInOut'
41			});
42			}
43
44			/**
45			* Actions after generate button is clicked.
46			*/
47			this._onClickGButton = function() {
48			generateButton.click(function(event){
49			event.preventDefault();
50			var warningResult = gFImage._warning();
51			if(warningResult) {
52			gFImage._toggleButton([generateButton, saveButton], 'disable');
53			gFImage._ajaxUpdateFImage(postNoFImageIds[0]);
54			}
55			});
56			}
57
58			/**
59			* Enable, disable a list of buttons.
60			*/
61			this._toggleButton = function(arrayElement, status) {
62			arrayElement.forEach(function(el){
63			switch(status) {
64			case 'disable':
65			el.prop('disabled', true);
66			break;
67			case 'enable':
68			el.prop('disabled', false);
69			break;
70			default:
71			el.prop('disabled', false);
72			}
73			});
74			}
75
76			/**
77			* Regenerate feature image for a post.
78			*/
79			this._ajaxUpdateFImage = function(postId) {
80			$.ajax({
81			url: '/wp-admin/admin-ajax.php?action=wpdfi_generate_feature_image',
82			method: 'POST',
83			data: {
84			post_id: postId,
85			security: securityToken
86			},
87			success: function(res) {
88
89			var response = JSON.parse(res);
90			gFImage._updateLogAfterAjax(response);
91			var arrayIndex = postNoFImageIds.indexOf(postId);
92			gFImage._updateProgressBar(arrayIndex);
93			gFImage._continueAjax(arrayIndex);
94
95			}
96			})
97			}
98
99			/**
100			* Update the progress bar. Progress bar will be 100% if all the posts are regenerated feature image.
101			*/
102			this._updateProgressBar = function(arrayIndex) {
103			/* Javascript array index start at 0, so we need to plus 1 to get the correct value for divide purpose. */
104			var realIndex = arrayIndex + 1;
105			var currentPercent = realIndex/totalPostNoFImage;
106			var currentPercentText = (currentPercent*100).toFixed(2) + '%';
107			progressBar.set(currentPercent);
108			progressBar.setText(currentPercentText);
109			}
110
111			/**
112			* Check if there is a post which is not regenerated feature image yet.
113			*/
114			this._continueAjax = function(arrayIndex) {
115			/* Javascript array index start at 0, so we need to minus 1 from total posts to get the last index. */
116			var lastIndex = totalPostNoFImage - 1;
117			var isLastIndex = (arrayIndex == lastIndex);
118			/* If the current index is not the last index, continue run Ajax request on the next index. */
119			if(!isLastIndex) {
120			gFImage._ajaxUpdateFImage(postNoFImageIds[arrayIndex + 1]);
121			/* If the current index is the last index, enable save button. */
122			} else {
123
124			gFImage._updateLogAfterAjax({
125			status: 'complete',
126			text: 'Complete!'
127			});
128			gFImage._toggleButton([saveButton], 'enable');
129
130			}
131			}
132
133			/**
134			* Update log message after the generate button is clicked.
135			*/
136			this._updateLogAfterAjax = function(response) {
137			switch(response.status) {
138			case true:
139			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' is updated feature image successfully</p>');
140			break;
141			case false:
142			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' because conditions are not match.</p>');
143			break;
144			case 'complete':
145			resultWrapper.append('<p>' + response.text + '</p>');
146			break;
147			default:
148			resultWrapper.prepend('<p>' + response.namePT + ' with ID ' + response.postId +' has something wrong!</p>');
149			}
150			}
151
152			/**
153			* Display alert box whenever the generate button is clicked.
154			*/
155			this._warning = function() {
156			var warningText = 'Are you sure you want to generate all feature image with the values in the "DFIs" tab? Make sure to backup your database before click "OK".';
157			return confirm(warningText);
158			}
159
160			}
161
162			export default GFImage;

buiquangduc / WP_Default_Feature_Image

gfimage.js ➔ GFImage B last analyzed 2018-01-20 06:09 UTC

Complexity

Size

Duplication

Importance

9 Functions

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like

gfimage.js ➔ GFImage B
last analyzed 2018-01-20 06:09 UTC